﻿body{background:#F0EFEC; overflow-x:hidden;}
a{color:#333; /*主链接颜色*/}
a:hover {color:#F08200;
  text-decoration: underline;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -webkit-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

a:hover,a:active,a:focus{text-decoration:underline; /*链接下划线*/}

/*COM 共用代码-Start*/
.wrapper{width:1120px; /*网页宽度*/ margin:0px auto; position:relative;}

.st{font-family:"宋体";}
.nolastbg{background:none;}
.nolastbor{border:none;}
.padtb60{padding:60px 0px;}
.com_page{height:30px; padding:30px 0;}
.com_page ul{text-align:center;}
.com_page ul li{height:30px; line-height:30px; display:inline-block; zoom:1; *display:inline; margin-left:-4px; color:#373126;}
.com_page ul li a{display:inline-block; zoom:1; *display:inline; width:28px; height:28px; line-height:28px; text-align:center; font-size:12px; color:#8895a3; border:1px solid #EEEFEF; background:#E1E1E1;}
.com_page ul li.cur a,
.com_page ul li a:hover{background:#4496C4; border:1px solid #4496C4; color:#FFF; text-decoration:none;}


/*COM 共用代码-End*/

/* header-Start */
.header{ background:url(../images/header_bg.jpg) center center repeat-x ; height:91px; position:relative; z-index:999;}
.header .blockOld{width:62px; height:18px; position:absolute; top:8px; right:4px;}
.header .blockOld a{ width:60px; height:16px; border:1px solid #7493A0; background:#7493A0; border-radius:5px; text-align:center; line-height:16px; display:block; color:#fff; }
.fixed{ position:fixed; width:100%; left:0; top:0;}


	.logo{padding:15px 0px 0 0px;}
	.logo img{}
	
	.naver{background:url(../phpimages/icon/line_01.html) no-repeat right center; padding-top:20px;}
	.naver ul li{width:90px; height:70px; line-height:70px; float:left; position:relative; font-size:14px; color:#fff; text-align:center; z-index:8; }
	.naver ul li h3 a{display:block; width:90px; height:70px; line-height:70px;text-shadow:0 1px 1px #666; color:#fff;}
		.naver ul li h3.active a{ color:#000; text-decoration:none;}
	.naver ul li.cur h3 a,
	.naver a:hover{color:#000; text-decoration:none;text-shadow:none;}
	.naver ul li.cur h3 a em,
	.naver ul li:hover dl{display:block;}
	.naver dl{width:100%; background:url(../phpimages/background/bg_01.html) repeat; text-align:center; position:absolute; left:0px; top:80px; z-index:8; display:none;}
	.naver dl dd{height:70px; line-height:70px; border-bottom:1px dashed #888886;}
	.naver dl dd a{color:#b3b3b3;}
	.naver dl dd.last{border:none;}
	.topTel{width:158px; height:24px; position:absolute; top:12px; right:2px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
	.topTel span{ margin-left:4px;}
.header-sub{position:fixed; width:100%; left:0; top:90px; z-index:9999; background:url(../images/tm2.png) repeat; height:50px; text-align:center; display:none; display:none;}
.fixedN{ top:0;}
.header-sub  ul{ padding-top:15px;}
.header-sub  ul li{ display:inline-block; *display:inline; zoom:1; margin:0 20px; font-size:14px;}
.header-sub  ul li a{display:inline-block; *display:inline; zoom:1; height:24px; line-height:24px; text-align:center; padding:0 15px; color:#000; border-radius:20px;}
.header-sub  ul li a:hover{ background:#ced9e6; color:#4ea6d7; text-decoration:none;}



/* header-End */

/* banner-Start */
.banner { position: relative; width:100%; height:706px; overflow: hidden; background:url(../phpimages/banner-bg.png) no-repeat center bottom; padding-bottom:11px; }
.banner .pic{ position:relative; z-index:0;  width:100% !important; }
.banner .pic  li{width:100% !important;   height:706px;  display: block; position:relative; }
.banner .pic  li a{width:100% ;   height:706px;  display: block;}
.banner .pic  li .txt{ text-align:center; padding-top:220px; padding-bottom:80px;}
.banner .pic  li .btns{ text-align:center;}
.banner .pic  li .btns a{ display:inline-block; *display:inline; zoom:1; text-align:center; width:257px; height:64px; font-size:30px; line-height:64px; background:url(../phpimages/btn-bg.png) no-repeat center center; margin:0 20px; color:#fff;}
.banner .pic  li .btns a:hover{ text-decoration:none; color:#fff;}
.banner .pic  li .imgBox{ padding-top:200px; text-align:center;}
.banner .pic  li .imgBox .btnsBlock{ text-align:center; padding-top:80px;}
.banner .pic  li .imgBox .btnsBlock a{ display:inline-block; *display:inline; zoom:1; width:257px; height:64px; line-height:64px; text-align:center; background:url(../Index/image/btn-bg.png) no-repeat center center; color:#fff; font-size:30px; margin:0 15px;}
.banner .pic  li .imgBox .btnsBlock a:hover{ color:#fff; text-decoration:none; opacity:0.6;}


.banner .hd { width:100%; position: absolute; bottom:30px; text-align: center; font-size:0; z-index:1; }
.banner .hd li{margin: 0 5px; background:#504740; height: 14px; overflow: hidden; width: 14px; cursor: pointer;display:inline-block; border-radius:100%;}
.banner .hd .on{ background:#dad7d5;}
.banner .prev,
.banner .next { width: 60px; height: 90px; margin: -60px 0 0;background:url(../Index/image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.banner .prev { left: 0; }
.banner .next { background-position: 0 -90px; right: 0; }
.banner .prev:hover,
.banner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/* banner-End */


/* footer-Start */
.fixed2{ position:fixed; left:0; bottom:0; width:100%;}
.footer{background:url(../images/ft.jpg) repeat-x center center; height:143px; color:#fff; padding-top:30px;z-index:999;}
.footer .lft{ width:60%; float:left; color:#DFE1E2; line-height:24px;}
.footer .lft .links{ margin-left:-6px; margin-bottom:25px; padding-top:15px;}
.footer .lft .links a{ color:#fff; margin:0 6px;}
.footer .rgt{ float:right; width:40%;}
.footer .rgt ul li{ float:right; padding-left:40px; text-align:center;} 
/* footer-End */

/* 中部区域-Start */
.main{}

.ftNav{ background:url(../images/img3.jpg) repeat-x center center; height:139px;}
.ftNav ul li{ float:left; width:25%; font-size:18px; line-height:139px; }
.ftNav ul li img{ float:left; margin-right:10px; margin-top:35px;}
.row01{ background:#F3F3F5 url(../phpimages/bg2.jpg) no-repeat center top; height:304px;}
.news_mod{ float:left; width:320px;}
.team_mod{ float:left; width:340px; display:inline; margin-left:26px; overflow:hidden;}
.case_mod{ float:right; width:380px; overflow:hidden;}
.row01 .mod{ padding-top:35px;}
.row01 .mod .head{ line-height:35px; height:35px; margin-bottom:10px;}
.row01 .mod .head h2{ float:left; font-size:14px; color:#000;}
.row01 .mod .head h2 a{ color:#000;}
.row01 .mod .head span{ float:right;}
.row01 .mod .head span a{ color:#666;}
.news_mod .body ul li{ line-height:22px; background:url(../Index/image/dotted.png) no-repeat left 10px; padding-left:10px; margin-bottom:3px; }
.news_mod .body ul li a{ color:#888;}
.news_mod .body ul li span{ display:block; color:#999;}
.team_mod{ position:relative; overflow:hidden; }
.team_mod .body { width:376px; }
.team_mod .body ul { padding-bottom:77px;position:relative;}
.team_mod .body ul li{ float:left;width:90px; margin-right:35px; text-align:center; height:110px;}
.team_mod .body ul li a{width:84px; height:104px; padding:2px; background:#fff; border:1px solid #ddd; overflow:hidden; display:inline-block;}
.team_mod .body ul li a img{ width:84px; height:104px; padding:2px; background:#fff; border:1px solid #ddd;}
.team_mod .body ul li.selected a img{ border:1px solid #6EBAE5;}
.team_mod .body ul li .tip{ display:block;height:55px; margin-top:13px; padding:5px 12px; display:block; line-height:18px; position:absolute; left:0; bottom:0px;width:316px; display:none; text-align:left; z-index:999;}
.team_mod .body ul li .tip strong{ display:block;color:#333;}
.team_mod .body ul li i{ display:none; background:url(../phpimages/arrow-up.png) no-repeat center center; width:100%; height:10px; margin-top:2px;}
.team_mod .body ul li.selected .tip{ display:block;}
.team_mod .body ul li.selected i{ display:block; margin-top:107px;}
.team_mod .foot{display:block; background:#DCDFE3; height:65px;width:465px; position:absolute; bottom:0; width:100%; left:0;}

.case_mod .body{}
.case_mod .body li{ float:left; position:relative; overflow:hidden; margin-left:1px; margin-bottom:1px;}
.case_mod .body li a{ display:block; color:#fff;}
.case_mod .body .i1{ width:210px; height:190px;}
.case_mod .body .i1 a img{ width:210px; height:190px;}
.case_mod .body .i2 a img{ width:168px; height:110px;}
.case_mod .body .i3 a img{ width:168px; height:78px;}

.case_mod .body li .mask{ display:block; background:url(../index/image/tm.png) repeat; position:absolute; left:2%; top:2%; width:96%; color:#fff; height:96%; display:none;}
.case_mod .body li .mask .text{ padding:15px 12px;}
.case_mod .body li .mask .text strong{ line-height:24px; display:block; font-weight:normal; border-bottom:1px solid #9D866A; margin-bottom:5px;}
.case_mod .body li:hover .mask{ display:block;}
/* 中部区域-End */
.garyBg{ background:#fff;}
.subBanner{ padding:30px 0;}
.subBanner img{ width:auto; max-width:100%;}

.caseWrap{ background:#F7F8F8; padding:25px;}
.caseWrap .caseHead { position:relative; border-bottom:1px solid #ccc; padding-bottom:10px;}
.caseWrap .caseHead dl{ position:relative; margin-bottom:20px; line-height:24px; padding-left:100px;}

/************************************20150630添加 star*********************************************/
/**案例品鉴20150630**/
.showjWrap{padding: 25px 0;}
.showjWrap .showjHead{}
.showjWrap .showjHead .search{ border-radius:20px; background:#DDDEDE; width:214px; height:24px; line-height:24px;}
.showjWrap .showjHead .search .text{ height:18px; padding:3px 10px; width:160px; border:none; background:none; float:left;}
.showjWrap .showjHead .search .submit{ float:right; float:right; height:24px; line-height:24px; width:34px; background:url(../cases/image/search-ico.png) no-repeat center center; border:none; text-indent:-999em; display:block;}
.showtWrap{ padding:0 0 25px 0;}
.showtWrap .showtHead { position:relative; border-bottom:0px solid #ccc; padding-bottom:10px;}
.showtWrap .showtList{width:244px; height:auto;}
.showtList dl{ background:#eff0f1; margin-bottom:28px;}
.showtList dl dt{ height:22px; padding:10px 18px; font-size:16px; color:#996533; border-bottom:1px solid #e2e4e5; }
.showtList dl dd{padding:8px 18px;}
.showtList dl dd a{ width:64px; padding-left:30px; text-align:left; display:inline-block; background:url(../phpimages/showjDot.png) no-repeat 12px center; font-size:14px; margin:4px 0;}
.showtList dl dd a.on{width:64px; padding-left:30px; text-align:left; color:#fff; background:url(../phpimages/showjDot2.png) no-repeat 12px center #4496c4;}
.showtList dl.dl dd a{ width:110px; padding-left:30px; text-align:left; display:inline-block; background:url(../phpimages/showjDot.png) no-repeat 12px center; font-size:14px; margin:4px 0;}
.showtList dl.dl dd a.on{width:110px; padding-left:30px; text-align:left; color:#fff; background:url(../phpimages/showjDot2.png) no-repeat 12px center #4496c4;}
.showLPo{}
.showLPo li{ height:32px; line-height:32px; width:100%; float:left; margin-bottom:16px;}
.showLPo li a{width:130px; height:100%; padding:0 57px; display:block; background:#b2c2cb; color:#fff; font-size:16px;}
.showLPo li span{ text-align:center; float:left;}
.showLPo li img{ text-align:right; float:right; margin-top:6px;}
.showLb{width:100%; height:83px; background:url(../cases/image/showjBG.jpg) no-repeat ; position:relative;}
.showLb a{width:108px; height:32px; text-align:center; line-height:32px; border-radius:5px; background:#c4986c; color:#fff; font-size:16px; position:absolute; bottom:12px; right:12px;}
.showtWrap .showtBody{width:850px; overflow:hidden;}
.showtWrap .showtBody .list {}
.showtWrap .showtBody .list li{ float:left; width:180px; height:240px; background:#FFFFFF; border:1px solid #f0f0f0; padding:10px; margin-right:14px; margin-bottom:14px; display:inline;}
.showtWrap .showtBody .list li:nth-child(4n){ margin-right:0px;}
.showtWrap .showtBody .list li .thumb img{ display:block; width:180px; height:180px;}
.showtWrap .showtBody .list li .desc{width:180px;}
.showtWrap .showtBody .list li .desc h3{ height:40px; width:180px; overflow:hidden; line-height:40px; text-align:center; font-weight:bold;}
.showtWrap .showtBody .list li .desc p{ text-align:center;height: 20px;overflow: hidden;}
.showtWrap .showtBody .list li .desc p span{ margin:0 4px;}
.showtWrap .showtBody .list li .desc p span i{ color:#999;}
/**案例品鉴详情20150630**/
.showtWrap .showtList .list { float:left; background:#eff0f1; padding:19px; margin:30px 0 30px ;}
.showtWrap .showtList .list:nth-child(2n){ margin-top:0;}
.showtWrap .tto{ width:100%; height:32px;}
.showtWrap .tto,.showtWrap .tto span{ float:left; font-size:16px; color:#ac641b;}
.showtWrap .tto a{ float:right;font-size:16px; color:#aaaaaa;}
.showtWrap .showtList .list ul{ float:left;}
.showtWrap .showtList .list li{ float:left; width:180px; height:240px; background:#FFFFFF; border:1px solid #f0f0f0; padding:10px; margin-right:0px; margin-bottom:14px; display:inline;}
.showtWrap .showtList .list li:nth-child(4n){ margin-right:0px;}
.showtWrap .showtList .list li .thumb img{ display:block; width:180px; height:180px;}
.showtWrap .showtList .list li .desc{width:180px;}
.showtWrap .showtList .list li .desc h3{ height:40px; width:180px; overflow:hidden; line-height:40px; text-align:center; font-weight:bold;}
.showtWrap .showtList .list li .desc p{ text-align:center;}
.showtWrap .showtList .list li .desc p span{ margin:0 4px;}
.showtWrap .showtList .list li .desc p span i{ color:#999;}
.showtTTxt{width:818px; margin-right:32px; margin-top:30px;}
.showtTTxt h3{ font-size:24px; text-align:center; height:46px; line-height:46px;}
.showtTTxt p{font-size:14px; line-height:24px;}
.showtTTxt .sttT{ background:#4496c4; color:#fff; font-size:14px; height:28px; line-height:28px; width:76px; text-align:center; margin:20px 0;}
.showtTTxt .stjj{}
.showtTTxt .stjj li{width:406px; float:left; font-size:14px; height:24px; line-height:24px; color:#333;}
.showtTTxt .stjj li .f{width:72px; float:left;height:24px;}
.showtTTxt .stjj li .h{width:272px; float:left;}
.showtTTxt .imgTab{ margin-top:20px;}
.showtWrap .showBot .list { float:left; background:#eff0f1; padding:19px; margin:30px 0 30px ;}
.showtWrap .showBot .list:nth-child(2n){ margin-top:0;}
.showBot .tto{ width:100%; height:32px;}
.showBot .tto,.showtWrap .tto span{ float:left; font-size:16px; color:#ac641b;}
.showBot .tto a{ float:right;font-size:16px; color:#aaaaaa;}
.showBot .tto2 span{ color:#000;}
.showtWrap .showBot .list ul{ float:left;}
.showtWrap .showBot .list li{ float:left; width:180px; height:240px; background:#FFFFFF; border:1px solid #f0f0f0; padding:10px; margin-right:18px; margin-bottom:14px; display:inline;}
.showtWrap .showBot .list li:nth-child(5n){ margin-right:0;}
.showtWrap .showBot .list li .thumb img{ display:block; width:180px; height:180px;}
.showtWrap .showBot .list li .desc{width:180px;}
.showtWrap .showBot .list li .desc h3{ height:40px; width:180px; overflow:hidden; line-height:40px; text-align:center; font-weight:bold;}
.showtWrap .showBot .list li .desc p{ text-align:center;}
.showtWrap .showBot .list li .desc p span{ margin:0 4px;}
.showtWrap .showBot .list li .desc p span i{ color:#999;}
/************************************20150630添加 end*********************************************/



.caseWrap .caseHead dl{ position:relative; margin-bottom:20px; line-height:24px; padding-left:168px;}
.caseWrap .caseHead dl dt{ position:absolute; left:0; top:0; width:90px; line-height:24px; font-size:18px;}
.caseWrap .caseHead dl dd{ display:inline; margin-right:15px; font-size:14px;}
.caseWrap .caseHead dl dd a{ padding:1px 5px;}
.caseWrap .caseHead dl dd.currrn{ height:100%; width:auto;height: 100%; left: 90px;position: absolute;top: 2px; width: auto;}
.caseWrap .caseHead dl dd.cur a{ background:#4496C4; color:#fff;}
.caseWrap .caseHead .search{ border-radius:20px; background:#DDDEDE; width:214px; height:24px; line-height:24px; float:right; position:absolute; bottom:30px; right:0;}
.caseWrap .caseHead .search .text{ height:18px; padding:3px 10px; width:160px; border:none; background:none; float:left;}
.caseWrap .caseHead .search .submit{ float:right; float:right; height:24px; line-height:24px; width:34px; background:url(../phpimages/search-ico.png) no-repeat center center; border:none; text-indent:-999em; display:block;}
.caseWrap .caseBody{ padding-top:45px; width:1080px; overflow:hidden;}
.caseWrap .caseBody .list { width:1120px;}
.caseWrap .caseBody .list li{ float:left; width:218px; height:278px; background:#FFFFFF; box-shadow:1px 1px 1px #ddd; padding:10px; margin-right:38px; margin-bottom:40px; display:inline;}
.caseWrap .caseBody .list li .thumb img{ display:block; width:218px; height:218px;}
.caseWrap .caseBody .list li .desc h3{ height:40px; line-height:40px; text-align:center; font-weight:bold;}
.caseWrap .caseBody .list li .desc p{ text-align:center;}
.caseWrap .caseBody .list li .desc p span{ margin:0 10px;}
.caseWrap .caseBody .list li .desc p span i{ color:#999;}
.positon{ padding-bottom:24px; border-bottom:1px solid #ddd;}
.positon .lft a{ margin:0 5px;}
.positon span{ color:#4496c4; margin:0 5px;}
.caseWrap .caseBody .deatils .lftCon{ float:left; width:460px; font-size:14px; }
.caseWrap .caseBody .deatils .lftCon .hd { text-align:center; margin-bottom:50px;}
.caseWrap .caseBody .deatils .lftCon .hd p{ font-size:18px;}
.caseWrap .caseBody .deatils .lftCon .hd h1{ text-align:center; font-size:24px; line-height:30px; margin-bottom:25px;}
.caseWrap .caseBody .deatils .lftCon .bd{ line-height:180%; color:#666;}
.caseWrap .caseBody .deatils .rgtCon{ float:right; width:552px; padding-right:15px;}
.caseWrap .caseBody .deatils .rgtCon .imgBlock img{ width:auto; max-width:100%;}
.caseWrap .caseBody .deatils .rgtCon .hd { text-align:right; padding:30px 0;}
.caseWrap .caseBody .deatils .rgtCon .hd a{ display:inline-block; *display:inline; zoom:1; background:#E1E1E1; font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px; text-align:center; height:30px; line-height:30px; width:30px; color:#8895A3; font-weight:bold;}
.caseWrap .caseBody .deatils .rgtCon .hd a.on,.caseWrap .caseBody .deatils .rgtCon .hd a:hover{ background:#4496C4; color:#fff; text-decoration:none;}


.garyBg2{ background:#FCFAFA;}
.aboutBody .tabHd ul{ padding:30px 0;}
.aboutBody .tabHd ul li{ padding-right:12px; display:inline;}
.aboutBody .tabHd ul li a{ padding:2px 20px; border:1px solid #EAE9E9; border-radius:15px; color:#54575a; font-size:14px;}
.aboutBody .tabHd ul li a:hover{ color:#4496C4; text-decoration:none; border:1px solid #D1DBE7;}
.aboutBody .tabHd ul li.on a{ padding:2px 20px; border:1px solid #4496C4; background:#4496C4; border-radius:15px; color:#fff;}
.aboutBody .tabBd h1{ font-size:36px; line-height:100%; margin-bottom:20px; padding:15px 0;}
.aboutBody .tabBd .list1{}
.aboutBody .tabBd .list1 li{ background:url(../about/image/li-bg1.jpg) no-repeat; width:258px; height:104px; padding-top:40px; text-align:center; float:left; display:inline; margin-right:29px; margin-bottom:32px; font-size:16px;}
.aboutBody .tabBd .list1 li.last{ margin-right:0;}
.aboutBody .tabBd .list1 li strong{ display:block; font-size:26px; color:#4496c4; margin-bottom:8px; font-weight:normal;}
.aboutBody .tabBd .list2 { padding-bottom:80px;}
.aboutBody .tabBd .list2 li{ padding:15px 0; border-bottom:1px dashed #ddd; font-size:14px;}
.aboutBody .tabBd .list2 li strong{ padding:0 50px 0 20px; font-size:22px; font-weight:normal;}

.aboutBody .details{ line-height:200%;}
.aboutBody .details p{ margin-bottom:45px; color:#2b2c2d;}
.aboutBody .details img.fr{ margin-left:40px; margin-bottom:40px;}
.aboutBody .advList { padding:30px 0;}
.aboutBody .advList .hd{ position:relative; background:url(../about/image/line.png) repeat-x; height:70px; text-align:center;}
.aboutBody .advList .hd .t{ background:#FCFAFA; display:inline-block; *display:inline; zoom:1; padding:0 15px; margin-top:-25px;}
.aboutBody .advList .hd .t h3{ font-size:22px; line-height:180%;}
.aboutBody .advList .hd .t p{ font-size:16px; display:inline; color:#666;}
.aboutBody .advList .bd{ width:100%;}
.aboutBody .advList .bd ul{ width:108%;}
.aboutBody .advList .bd ul li{width:560px; float:left; overflow:hidden; margin-right:10px; margin-bottom:10px;}
.aboutBody .advList .bd ul li .inner{ padding:30px 25px;background:#F2F0F0; height:120px; }
.aboutBody .advList .bd ul li .thumb{ float:left;}
.aboutBody .advList .bd ul li .desc strong{ font-size:18px; font-weight:normal; display:block; color:#333; margin-bottom:10px;}
.aboutBody .advList .bd ul li .desc{ font-size:12px; line-height:180%; margin-left:130px; color:#666;}
.aboutBody .honList{ background:#EDE3E3;}
.aboutBody .honList .hd{ float:left; margin-right:40px;}
.aboutBody .honList .bd{ padding:40px 40px 40px 0; line-height:240%;}
/*20150716*/
.aboutWrap .aboutBodyLL {width:850px;}
.aboutWrap  .showtList{width:244px;}
.aboutWrap .showtList .list { float:left; background:#eff0f1; padding:19px; margin:30px 0 30px ;}
.aboutWrap .showtList .list:nth-child(2n){ margin-top:0;}
.aboutWrap .tto{ width:100%; height:32px;}
.aboutWrap .tto,.showtWrap .tto span{ float:left; font-size:16px; color:#ac641b;}
.aboutWrap .tto a{ float:right;font-size:16px; color:#aaaaaa;}
.aboutWrap .showtList .list ul{ float:left;}
.aboutWrap .showtList .list li{ float:left; width:180px; height:240px; background:#FFFFFF; border:1px solid #f0f0f0; padding:10px; margin-right:0px; margin-bottom:14px; display:inline;}
.aboutWrap .showtList .list li:nth-child(4n){ margin-right:0px;}
.aboutWrap .showtList .list li .thumb img{ display:block; width:180px; height:180px;}
.aboutWrap .showtList .list li .desc{width:180px;}
.aboutWrap .showtList .list li .desc h3{ height:40px; width:180px; overflow:hidden; line-height:40px; text-align:center; font-weight:bold;}
.aboutWrap .showtList .list li .desc p{ text-align:center;}
.aboutWrap .showtList .list li .desc p span{ margin:0 4px;}
.aboutWrap .showtList .list li .desc p span i{ color:#999;}

/*-/20150716*/
.designCon .tip{ font-size:16px; line-height:200%;}
.designCon .tip p{ margin-bottom:30px;}
.designCon .tip2{ font-size:12px;}
.designCon .tip2 p{ margin-bottom:20px;}
.designCon .tip2 h3{ font-size:24px; color:#4496c4; margin-bottom:30px;}
.designCon .tip3 { font-size:12px;}
.designCon .tip3 p{ margin-bottom:20px;}
.designCon .tip3 p strong{ font-size:14px;}
.designCon .tip3 h3{ font-size:18px; color:#4496c4; margin-bottom:30px; padding-top:5px;}
.designCon .tip2 p strong{ margin-right:20px;}
.designCon .txtCon table{ width:100%; line-height:200%;}
.designCon .txtCon table th{ width:8%; color:#f08200; font-weight:bold; text-align:right;padding:15px 0; padding-right:5px; vertical-align:top;}
.designCon .txtCon table td{ padding:15px 0;}

.designCon .txtCon2 {}
.designCon .txtCon2 table{ width:100%; line-height:220%; font-size:12px; color:#666;}
.designCon .txtCon2 table th{ width:9%; color:#f08200; font-weight:normal;text-align:right;padding:15px 0; padding-right:5px; vertical-align:top; font-size:18px;}
.designCon .txtCon2 table .f18{ font-size:18px;}
.designCon .txtCon2 table td{ padding:15px 0;}
.designCon .txtCon2 table ul { width:110%;}
.designCon .txtCon2 table ul li{ float:left; margin-right:30px; margin-bottom:30px;}
.designCon .txtCon2 table ul li img{ width:320px; height:255px;}

.designCon2 h3{ padding:30px 0;}
.designCon2 p{ margin-bottom:10px;}


.designCon .infoList{}
.designCon .infoList h3{ font-size:24px; color:#4496c4; margin-bottom:24px;}
.designCon .infoList dl{ margin-bottom:30px;}
.designCon .infoList dl dt{ font-size:14px; line-height:160%; padding-bottom:10px; font-size:14px;}
.designCon .infoList dl dt em{ display:inline-block;*display:inline; zoom:1; background:url(../build/image/dott.png) no-repeat; width:19px; height:19px; text-align:center; line-height:19px; color:#fff; margin-right:15px; font-size:12px;}
.designCon .infoList dl dd{ padding-left:34px; line-height:200%; color:#666;}
/*************20150708 ***********************/
.tabBdp{ position:relative;}
.showpop{ position:absolute; top:6px; right:40px; z-index:999999; }
.showpop .showTt{width:80px; height:30px; line-height:30px; border-radius:3px;  display:block;clear:both;}
.showpop .showTt a:link,.showpop .showTt a:visited{width:80px; height:30px; line-height:30px; border-radius:3px; display:block;background:url(../phpimages/icon16-share.png) no-repeat 4px center #48AAD8; color:#fff; clear:both;}
.showpop .showTt a:hover{width:80px; height:30px; line-height:30px;border-radius:3px;background:url(../phpimages/icon16-share.png) no-repeat 4px center #f0f0f0; display:block;clear:both; color:#666;}
.showpop .showTt i{ display:inline-block;width:20px; height:20px; display:inline-block;}
.showpop .showTt span{ font-size:14px; display:inline-block; line-height:20px; margin-left:16px;}
.showpop .showSh{ width:100px; height:auto; border:4px solid #FAFBFC; background:#fff;float:left; display:none;}
.showpop .showSh li{height: 27px; line-height: 27px;float:left;}
.showpop .showSh a:link,.showpop .showSh a:visited{ width:100px; height:22px; line-height:22px; display:inline-block; padding:3px; background:#fff;}
.showpop .showSh a:hover{background:#FAFBFC;}
.showpop .showSh i{display:inline-block;width:20px; height:20px;background:url(../phpimages/icon_show.png) no-repeat; margin:0 2px; float:left;}
.showpop .showSh i.s1{ background-position: 0 0;}
.showpop .showSh i.s2{ background-position: -40px 0px;}
.showpop .showSh i.s3{ background-position: 0 -20px;}
.showpop .showSh i.s4{ background-position: -40px -20px;}
.showpop .showSh i.s5{ background-position: 0 -40px;}
.showpop .showSh a:hover i.s1{background-position: -20px 0px;}
.showpop .showSh a:hover i.s2{background-position: -60px 0px;}
.showpop .showSh a:hover i.s3{background-position: -20px -20px;}
.showpop .showSh a:hover i.s4{background-position: -40px -20px;}
.showpop .showSh a:hover i.s5{background-position: -20px -40px;}
.showpop .showSh span{height:22px; line-height:22px; display:inline-block;float:left; margin-left:6px;}
/*************20150708 ***********************/

/*关于我们*/
#nav{ position:fixed; right:15px; width: 14px;  top:200px;}
#nav li{display: block; width: 14px; height: 13px; margin:2px; position:relative;}
#nav li{display: inline-block;}
#nav li a,
.nav li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#nav span,
#nav span{top: 2px; left: 2px; width: 8px; height: 8px; border:none; background:#7D888C; border-radius: 50%; position: absolute; z-index: 1;}
#nav li .active span,
#nav .current span{background:none; border:1px solid #fff; margin-left:-1px;}
#nav li em{position: absolute; top: -5px; left:-90px; color: #fff; height:28px; line-height:28px; text-align:center; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; min-width:88px; background:url(../images/li-bg.png) no-repeat center center; display:none; font-family:"微软雅黑";}
#nav li.current em{ display:block;}
#dowebok .section1{ background:url(../about/image/about_banner1.jpg) no-repeat center center; background-size:cover;}
#dowebok .section2{ background:url(../about/image/about_banner2.jpg) no-repeat center top; background-size:cover;}
#dowebok .section3{ background:url(../about/image/about_banner3.jpg) repeat-x center top;}
#dowebok .section4{ background:url(../about/image/about_banner4.jpg) no-repeat center center; background-size:cover;}
#dowebok .section5{ background:url(../about/image/about_banner5.jpg) no-repeat center center; background-size:cover;}
#dowebok .section6{ background:url(../service/image/about_banner6.jpg) no-repeat center center; background-size:cover;}
#dowebok .section7{ background:url(../phpimages/about_banner7.jpg) no-repeat center center; background-size:cover;}
#dowebok .section8{ background:url(../design/image/about_banner8.jpg) no-repeat center center; background-size:cover;}

#dowebok .section10{ background:#A1B5AE url(../build/image/about_banner10.jpg) no-repeat center center; background-size:cover;}
#dowebok .section11{ background:#222222 url(../build/image/about_banner11.jpg) no-repeat center center; background-size:cover;}
#dowebok .section12{ background:#D3E3ED url(../build/image/about_banner12.jpg) no-repeat center center; background-size:cover;}
#dowebok .section13{ background:#342111 url(../build/image/about_banner13.jpg) no-repeat center center; background-size:cover;}
#dowebok .section14{ background:#0D1316 url(../build/image/about_banner14.jpg) no-repeat center center; background-size:cover;}

#dowebok .section15{ background:url(../design/image/about_banner15.jpg) no-repeat center center; background-size:cover;}
#dowebok .section16{ background:#B0CDEC url(../design/image/about_banner16.jpg) no-repeat center center; background-size:cover;}
#dowebok .section17{ background:#24292F url(../design/image/about_banner17.jpg) no-repeat center center; background-size:cover;}
#dowebok .section18{ background:#94C5DC url(../design/image/about_banner18.jpg) no-repeat center center; background-size:cover;}


#dowebok .section19{ background:#c8c8c8 url(../phpimages/about_banner19.jpg) no-repeat center center; background-size:cover;}
#dowebok .section20{ background:#DBDBDB url(../phpimages/about_banner20.jpg) no-repeat center center; background-size:cover;}
#dowebok .section21{ background:#F02425 url(../phpimages/about_banner21.jpg) no-repeat center center; background-size:cover;}
#dowebok .section22{ background:#EFB111 url(../phpimages/about_banner22.jpg) no-repeat center center; background-size:cover;}
#dowebok .section23{ background:#FFCB5C url(../phpimages/about_banner23.jpg) no-repeat center center; background-size:cover;}
#dowebok .section24{  background:#DBDBDB url(../phpimages/about_banner20.jpg) no-repeat center center; background-size:cover;}
#dowebok .section25{ background:#94C5DC url(../phpimages/about_banner24.jpg) no-repeat center center; background-size:cover;}




#dowebok .section{ height:700px;overflow: hidden;} 
#dowebok .section img{ width:auto; max-width:100%;}
#dowebok .section .btns{ padding-top:80px;}
#dowebok .section .btns a{ display:block; background:url(../about/image/more-btn.png) no-repeat center top; height:45px; line-height:45px; width:130px; text-align:center; color:#AEB6C7; font-size:20px; margin:0 auto;}
#dowebok .section .btns a:hover{background-position:0 -45px; color:#70B4DF; text-decoration:none;}
#dowebok .section .btns2{ padding-top:70px;}
#dowebok .section .btns2 a{ display:block; background:url(../about/image/more-btn2.png) no-repeat center top; height:45px; line-height:45px; width:130px; text-align:center; color:#555; font-size:20px; margin:0 auto;}
#dowebok .section .btns2 a:hover{background-position:0 -45px; color:#70B4DF; text-decoration:none;}
#dowebok .section .lft{ float:left; width:50%; text-align:center;}
#dowebok .section .rgt{ float:right; width:50%;}
#dowebok .section1 .lft{ padding-top:90px;}
#dowebok .section .wrapper{ padding-top:150px;}
#dowebok .section2 .lft .img{ background:url(../phpimages/zc_bg.png) no-repeat; width:344px; height:464px; text-align:left; padding-top:10px; padding-left:10px; margin-left:45px;}
#dowebok .section2 .rgt{ padding-top:50px;}
#dowebok .section2 .rgt img{ padding-right:24px;}
#dowebok .section3{ text-align:center;}
#dowebok .section3 .wrapper{ padding-top:85px;}
#dowebok .section3 .hd{padding-bottom:40px;}
#dowebok .section3 .btns2{ padding-top:0;  } 
#dowebok .section3 .btns2 a{color:#9F9166;}
#dowebok .section4 .wrapper{ padding-top:200px;} 
#dowebok .section5 .wrapper{ padding-top:260px;} 
#dowebok .section6 .lft{ padding-top:130px;}

#dowebok .section19 .wrapper{ padding-top:0;}
#dowebok .section19 .imgBox{ text-align:center; padding-top:30px;}

#dowebok .section6 .rgt{ padding-top:10px;}
#dowebok .section7 .wrapper{ padding-top:40px;}
#dowebok .section8 .wrapper{ padding-top:60px;}
#dowebok .section10 .imgBox{ text-align:center; padding-top:120px;}
#dowebok .section11 .rgt{ text-align:center; padding-top:100px; width:40%;}
#dowebok .section12  .hd{ text-align:center; padding-top:260px;}
#dowebok .section13 .btnsBlock{ text-align:center; padding-top:80px;}
#dowebok .section13 .btnsBlock a{ display:inline-block; *display:inline; zoom:1; width:257px; height:64px; line-height:64px; text-align:center; background:url(../build/image/btn-bg.png) no-repeat center center; color:#fff; font-size:30px; margin:0 15px;}
#dowebok .section13 .btnsBlock a:hover{ color:#fff; text-decoration:none; opacity:0.6;}


#dowebok .section13 .imbBox{ padding-top:80px; text-align:center;}
#dowebok .section13 .imbBox img{ text-align:center;}
#dowebok .section14 .lft{ padding-top:80px;}



.tab-box{ width:860px; margin:0 auto;}
.tab-box .tab-hd{ height:73px; text-align:center;}
.tab-box .tab-hd ul li{ text-align:center; display:inline-block; *display:inline; zoom:1; margin:0 15px;}
.tab-box .tab-hd ul li a{ text-align:center; display:inline-block; *display:inline; zoom:1; height:73px; width:258px; text-align:center; line-height:66px; color:#fff; font-size:30px; background:url(../design/image/tab-bg.png) no-repeat 0 0;}
.tab-box .tab-hd ul li.on a{ text-decoration:none; background-position:0 -77px;}
.tab-box .tab-hd ul li a:hover{ text-decoration:none; color:#fff;}
.tab-box .tab-bd .img{ padding:50px 0; text-align:center;}
.tab-box .tab-bd .form{ background:url(../design/image/tm3.png) repeat; border-radius:6px; overflow:hidden; box-shadow:0 3px 3px #004D8A; overflow:hidden; width:100%;}
.tab-box .tab-bd .form ul{ padding:40px 60px; width:105%;}
.tab-box .tab-bd .form ul li{ float:left; width:82.6%; border-bottom:1px solid #8E9EA4; height:40px; line-height:40px; position:relative; font-size:16px; margin-bottom:10px; margin-right:30px; }
.tab-box .tab-bd .form ul li .text{ height:20px; padding:2px 5px; width:60%; outline:none; border:none; background:none; font-size:16px;}

.tab-box .tab-bd .form ul li.li01{ width:228px;}
.tab-box .tab-bd .form ul li.li05{ width:228px;}
.tab-box .tab-bd .form ul li.li02{ width:486px;}
.tab-box .tab-bd .form ul li.li04{ width:500px; border-bottom:none;}
.tab-box .tab-bd .form ul li select{ width:120px; border:1px solid #B0BDC4; border-radius:15px; background:#ECF2F6; height:30px; margin-left:15px; text-indent:6px;  -webkit-appearance       : none;
               -moz-appearance          : none;
               appearance               : none; background:url(../phpimages/arrow-down.png) no-repeat 105px center;
}
.tab-box .tab-bd .form .submit{ height:62px; line-height:62px; text-align:center; font-size:28px; color:#FFF; cursor:pointer; border:none; width:100%; background:#038FC3;}

.tab-box .tab-bd .form2 li.li02{ width:466px; float:none; margin-left:140px; margin-bottom:30px;}
	.slider{ width:100%;   height:680px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
	.slider .pic{width:100% !important; position:absolute;}
	.slider .pic li{ width:100% !important;  overflow:hidden; height:680px; }
	.slider .pic li img{ width:auto; max-width:100%;}
	.slider .pic li .wrapper{ padding-top:140px; position:relative;}
	.slider .pic li .wrapper .lft{ width:50%; text-align:center;}
	.slider .pic li .wrapper .lft2{ width:60%; text-align:center;}
	.slider .pic li .wrapper .lft2 .btns2{ padding-top:60px;}
	.slider .pic li .wrapper .rgt2{ text-align:right; padding-right:60px; padding-top:50px;}

	.slider .pic li .wrapper .rgt{ width:50%; text-align:center;}
	.slider .pic li .wrapper .rgt h3{ padding-bottom:65px;}
	.slider .pic li .wrapper .rgt .txt{ color:#fff; color:#fff; font-size:20px; line-height:200%;}
		.slider .pic li .wrapper .rgt2 img{ float:right;}
		.slider .pic li .wrapper .rgt2 .btns1{ text-align:right; float:right; width:90%}
	.slider .pic li .wrapper .btns2{ padding-top:10px;}
	.slider .pic li .wrapper .btns2 a{ display:block; background:url(../accessory/image/more-btn2.png) no-repeat center top; height:45px; line-height:45px; width:130px; text-align:center; color:#AEB6C7; font-size:20px; margin:0 auto;}
		.slider .pic li .wrapper .btns1{ padding-top:80px;}
	.slider .pic li .wrapper .btns1 a{ display:block; background:url(../accessory/image/more-btn.png) no-repeat center top; height:45px; line-height:45px; width:130px; text-align:center; color:#AEB6C7; font-size:20px; margin:0 auto;}
	.slider .pic li .wrapper .btns1 a:hover{background-position:0 -45px; color:#038FC3; text-decoration:none;}
	.slider .pic li .wrapper .btns3{ text-align:center; position:absolute; left:50%; margin-left:-70px; top:600px;}
	.slider .pic li .wrapper .btns3 a{ display:block; background:url(../brand/image/more-btn.png) no-repeat center top; height:45px; line-height:45px; width:130px; text-align:center; color:#AEB6C7; font-size:20px; margin:0 auto;}
	.slider .pic li .wrapper .btns3 a:hover{background-position:0 -45px; color:#70B4DF; text-decoration:none;}
	.slider .pic li .wrapper .btns3 a:hover{ background-position:0 -45px; color:#038FC3; text-decoration:none;}
	.slider .pic li .wrapper .btns2 a:hover{ background-position:0 -45px; color:#038FC3; text-decoration:none;}
	.slider .prev,.slider .next{  position:absolute; z-index:1; top:0; width:110px; background:url(../accessory/image/tm4.png) repeat;  height:680px;cursor:pointer; display:block;   }
	.slider .prev{ left:0;}
	.slider .next{ right:0;}
	.slider .prev span{ background:url(../accessory/image/prev.png) no-repeat center center; display:block;  height:680px; width:100%;  }
	.slider .next span{background:url(../accessory/image/next.png) no-repeat center center; display:block;  height:680px;  width:100%;   }
	.slider .prev:hover span{ filter:alpha(opacity=60);opacity:0.6;  }
	.slider .next:hover span{filter:alpha(opacity=60);opacity:0.6;   }

.teamList{ width:100%;}
.teamList ul{ padding-top:20px; width:105%;}
.teamList ul li{ float:left; width:372px; margin-bottom:45px; padding-right:16px;}
.teamList ul li .thumb{ float:left; margin-right:25px;}
.teamList ul li .thumb img{ width:148px; height:148px; border-radius:100%;}
.teamList ul li .thumb{ float:left; margin-right:25px; background:url(../phpimages/team_bg.png) no-repeat; width:162px; height:162px;}
.teamList ul li .desc{ padding-right:30px; padding-top:45px;}
.teamList ul li .desc h4{ font-size:14px; margin-bottom:12px;}
.teamList ul li .desc p a{ color:#999;}
.teamList ul li .desc p strong{ color:#000;}

.designCon .txtCon2{ padding-top:30px;}
.designCon .table2{}

.infoList2{ width:100%; overflow:hidden;}
.infoList2 dl{ width:105%;}
.infoList2 dl dt{ padding-bottom:40px;}
.infoList2 dl dd{ color:#666; width:50%;  height:340px; text-align:left; float:left;}
.infoList2 dl dd img{ margin-bottom:20px; line-height:200%;}
.infoList3  {overflow:hidden;}
.infoList3  dl{ width:1110px;padding:12px; margin-bottom:15px; padding-bottom:2px; }
.infoList3 .gray{ background:#F1F2F1;}
.infoList3 dt{ line-height:100%; padding-bottom:20px; font-size:14px; color:#000;}
.infoList3 dd{ float:left; margin-right:10px; width:128px; height:67px; overflow:hidden; margin-bottom:10px; display:inline;}
.infoList3 .brand2{ display:none;}


/* side */
.side{position:fixed;width:54px;height:198px;right:0;bottom:60px;z-index:100;}
.side ul{width:42px; height:200px; background:#239fd9; border-radius:5px; padding:5px; padding-top:10px;}
.side ul li{width:42px;height:42px;float:left;position:relative; padding:4px 0; background:#239fd9;/*border-bottom:1px solid #444;*/}
.side ul li .sidebox{position:absolute;width:42px;height:42px;top:0;right:0;transition:all 0.3s;background:#239fd9;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; border-radius:5px;}
.side ul li .sidetop{width:42px;height:42px;line-height:42px;display:inline-block;background:#cd3737;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; border-radius:5px;}
.side .clickWinfiPic{width:105px; height:105px; padding:5px; background:#fff; display:none; position:absolute; left:-198px; top:-40px;}
.side .clickWinfiPic img{width:100%;}


.fixedBar{ position:fixed; right:10px; bottom:60px;}
.fixedBar ul li{ width:47px; height:47px; margin-bottom:23px;}
.fixedBar ul li a{ display:block; width:47px; height:47px; background:url(../phpimages/icons.png) no-repeat 0 0; text-indent:-999em;} 
.fixedBar ul li a.ico1:hover{ background-position:-47px 0;}
.fixedBar ul li a.ico2{ display:block; width:47px; height:47px; background:url(../phpimages/icons.png) no-repeat 0 -47px;} 
.fixedBar ul li a.ico2:hover{background-position:-47px -47px;}

@media screen and (max-width:800px){
/*共用*/
.wrapper{width:720px; font-size:26px;}
.bigFont{ font-size:26px;}
.wrapper h3{font-size:30px;}

.wrapper .bigFont p{font-size:26px;}
	
/*共用代码-End*/
	

/* header-Start */
	.naver{position:relative; z-index:9999;}
	.naver .set{width:43px; height:30px; background:#fff url(../phpimages/ico01.png) no-repeat center center; cursor:pointer; position:absolute; top:30px; right:0; padding:15px;}
	.naver ul{position:absolute; width:720px; background:#fff; top:90px; right:0px; z-index:9; display:none;}
	.naver ul li{float:none; width:100%; height:auto; line-height:90px; text-align:left; border-bottom:none;}
	.naver ul li a{ height:90px; line-height:90px; display:block; border-bottom:1px solid #ddd; font-size:30px; color:#666;}
	.naver ul li h3 a{background:url(../phpimages/icon/dot_01.html) no-repeat 60px center; text-align:center; display:block; width:100%; color:#666; text-shadow:none;}
	.naver ul li h3 a:hover{}

/* header-End */

/* banner-Start */
.banner { position: relative; width:100%; height:506px; overflow: hidden; background:url(../phpimages/banner-bg.png) no-repeat center bottom; padding-bottom:11px; }
.banner .pic{ position:relative; z-index:0;  width:100% !important; }
.banner .pic  li{width:100% !important;   height:506px;  display: block; position:relative; background-size:cover !important; }
.banner .pic  li a{width:100%;   height:506px;  display: block;}
.banner .pic  li .txt{ text-align:center; padding-top:220px; padding-bottom:80px;}
.banner .pic  li .btns{ text-align:center;}
.banner .pic  li .btns a{ display:inline-block; *display:inline; zoom:1; text-align:center; width:257px; height:64px; font-size:30px; line-height:64px; background:url(../phpimages/btn-bg.png) no-repeat center center; margin:0 20px; color:#fff;}
.banner .pic  li .btns a:hover{ text-decoration:none; color:#fff;}
.banner .hd { width:100%; position: absolute; bottom:30px; text-align: center; font-size:0; z-index:1; }
.banner .hd li{margin: 0 5px; background:#504740; height: 14px; overflow: hidden; width: 14px; cursor: pointer;display:inline-block; border-radius:100%;}
.banner .hd .on{ background:#dad7d5;}
.banner .prev,
.banner .next { width: 60px; height: 90px; margin: -60px 0 0;background: url(../phpimages/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.banner .prev { left: 0; }
.banner .next { background-position: 0 -90px; right: 0; }
.banner .prev:hover,
.banner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/* banner-End */

.row01{ background:#F3F3F5; height:auto; font-size:24px;}
.news_mod{ float:none; width:100%; margin-bottom:40px;}
.team_mod{ float:none; width:100%;margin-bottom:40px;}
.case_mod{float:none; width:100%;margin-bottom:40px;}
.row01 .mod{ padding-top:35px;}
.row01 .mod .head{ line-height:45px; height:45px; margin-bottom:20px;}
.row01 .mod .head h2{ float:left; font-size:28px; color:#000;}
.row01 .mod .head h2 a{ color:#000;}
.row01 .mod .head span{ float:right;}
.row01 .mod .head span a{ color:#666;}
.news_mod .body ul li{ line-height:48px; background:url(../phpimages/dot1.png) no-repeat left 18px; padding-left:25px; margin-bottom:3px; }
.news_mod .body ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0}
.news_mod .body ul li a{ color:#888; float:left; }
.news_mod .body ul li span{ display:inline; float:right; color:#999;}
.team_mod{ position:relative;}
.team_mod .body { width:110%; }
.team_mod .body ul { padding-bottom:85px;position:relative;}
.team_mod .body ul li{ float:left;width:134px; margin-right:61px; text-align:center; height:164px;}
.team_mod .body ul li a img{ width:128px; height:158px; padding:2px; background:#fff; border:1px solid #ddd;}
.team_mod .body ul li.selected a img{ border:1px solid #6EBAE5;}
.team_mod .body ul li .tip{ display:block; height:50px; overflow:hidden; margin-top:18px; padding:13px 15px; display:block; line-height:30px; position:absolute; left:0; bottom:0px;width:680px; display:none; text-align:left; z-index:999; font-size:22px;}
.team_mod .body ul li .tip strong{ display:block;color:#333;}
.team_mod .body ul li i{ display:none; background:url(../phpimages/arrow-up.png) no-repeat center center; width:100%; height:10px; margin-top:2px;}
.team_mod .body ul li.selected .tip{ display:block;}
.team_mod .body ul li.selected i{ display:block;}
.team_mod .foot{display:block; background:#DCDFE3; height:80px;width:718px; position:absolute; top:309px; left:-25px;}

.case_mod .body{}
.case_mod .body li{ float:left; position:relative; overflow:hidden; margin-left:1px; margin-bottom:1px;}
.case_mod .body li a{ display:block; color:#fff;}
.case_mod .body .i1{ width:390px; height:420px;}
.case_mod .body .i1 a img{ width:390px; height:420px;}
.case_mod .body .i2 a img{ width:320px; height:248px;}
.case_mod .body .i3 a img{ width:320px; height:171px;}

.case_mod .body li .mask{ display:block; background:url(../phpimages/tm.png) repeat; position:absolute; left:2%; top:2%; width:96%; color:#fff; height:96%; display:none;}
.case_mod .body li .mask .text{ padding:15px 12px;}
.case_mod .body li .mask .text strong{ line-height:55px; display:block; font-weight:normal; border-bottom:1px solid #9D866A; margin-bottom:5px;}
.case_mod .body li:hover .mask{ display:block;}

.caseWrap .caseHead { position:relative; border-bottom:1px solid #ccc; padding-bottom:10px;}
.caseWrap .caseHead dl{ position:relative;height:auto;  line-height:34px;padding-left:150px;}
.caseWrap .caseHead dl dt{ position:absolute; left:0; top:0; width:150px; line-height:34px; font-size:28px;}
.caseWrap .caseHead dl dd{ display:inline-block; margin-right:15px; font-size:26px;line-height:34px;}
.caseWrap .caseHead dl dd a{ padding:1px 5px;}
.caseWrap .caseHead dl dd.cur a{ background:#4496C4; color:#fff;}
.caseWrap .caseHead .search{ display:none;}
.caseWrap .caseBody{ padding-top:45px; width:100%; overflow:hidden;}
.caseWrap .caseBody .list { width:105%;}
.caseWrap .caseBody .list li{ float:left; width:300px; height:400px; background:#FFFFFF; box-shadow:1px 1px 1px #ddd; padding:10px; margin-right:24px; margin-bottom:40px; display:inline; font-size:24px;}
.caseWrap .caseBody .list li .thumb img{ display:block; width:300px; height:300px;}
.caseWrap .caseBody .list li .desc h3{ height:60px; line-height:60px; text-align:center; font-weight:bold;}
.caseWrap .caseBody .list li .desc p{ text-align:center; font-size:20px;}
.caseWrap .caseBody .list li .desc p span{ margin:0 5px;}
.caseWrap .caseBody .deatils .lftCon{ float:none; width:100%; font-size:28px; margin-bottom:50px; }
.caseWrap .caseBody .deatils .lftCon .hd { text-align:center; margin-bottom:50px;}
.caseWrap .caseBody .deatils .lftCon .hd p{ font-size:28px;}
.caseWrap .caseBody .deatils .lftCon .hd h1{ text-align:center; font-size:40px; line-height:60px; margin-bottom:25px;}
.caseWrap .caseBody .deatils .lftCon .bd{ line-height:180%; color:#666;}
.caseWrap .caseBody .deatils .rgtCon{ float:none; width:100%; padding:0; text-align:center;}
.caseWrap .caseBody .deatils .rgtCon .imgBlock img{ width:auto; max-width:100%;}
.caseWrap .caseBody .deatils .rgtCon .hd { text-align:right; padding:30px 0;}
.caseWrap .caseBody .deatils .rgtCon .hd a{ display:inline-block; *display:inline; zoom:1; background:#E1E1E1; font-family:"宋体",Arial, Helvetica, sans-serif; font-size:28px; text-align:center; height:50px; line-height:50px; width:50px; color:#8895A3; font-weight:bold;}
.caseWrap .caseBody .deatils .rgtCon .hd a.on,.caseWrap .caseBody .deatils .rgtCon .hd a:hover{ background:#4496C4; color:#fff; text-decoration:none;}

.aboutBody .tabHd ul li{ padding-right:12px; display:inline-block; margin-bottom:20px;}
.aboutBody .tabHd ul li a{font-size:28px; border-radius:35px;}
.aboutBody .tabHd ul li.on a{ padding:2px 20px; border:1px solid #4496C4; background:#4496C4; border-radius:35px; color:#fff;}
.aboutBody .tabBd{ width:100%; overflow:hidden;}
.aboutBody .tabBd h1{ font-size:40px; line-height:100%; margin-bottom:20px; padding:15px 0;}
.aboutBody .tabBd .list1{ width:106%;}
.aboutBody .tabBd .list1 li{ background:#EAE8E9 url(../phpimages/li-bg1.jpg) no-repeat center center; background-size:100% 100%; width:345px; height:154px; padding-top:40px; text-align:center; float:left; display:inline; margin-right:25px; margin-bottom:32px; font-size:28px;}
.aboutBody .tabBd .list1 li strong{ display:block; font-size:36px; color:#4496c4; margin-bottom:8px; font-weight:normal;}
.aboutBody .tabBd .list2 { padding-bottom:80px;}
.aboutBody .tabBd .list2 li{ padding:15px 0; border-bottom:1px dashed #ddd; font-size:28px; color:#666;}
.aboutBody .tabBd .list2 li strong{ padding:0 50px 0 20px; font-size:36px; font-weight:normal; color:#222;}

.aboutBody .advList .hd{ position:relative; background:url(../phpimages/line.png) repeat-x; height:70px; text-align:center;}
.aboutBody .advList .hd .t{ background:#FCFAFA; display:inline-block; *display:inline; zoom:1; padding:0 15px; margin-top:-25px;}
.aboutBody .advList{ padding-top:100px;}
.aboutBody .advList .hd { margin-bottom:50px;}
.aboutBody .advList .hd .t { margin-top:-50px;}
.aboutBody .advList .hd .t h3{ font-size:36px; line-height:180%;}
.aboutBody .advList .hd .t p{ font-size:28px; display:inline; color:#666;}
.aboutBody .advList .bd{ width:100%;}
.aboutBody .advList .bd ul{ width:100%;}
.aboutBody .advList .bd ul li{width:100%; float:none; overflow:hidden; margin-right:0; margin-bottom:20px;}
.aboutBody .advList .bd ul li .inner{ padding:30px 30px;background:#F2F0F0; height:auto; }
.aboutBody .advList .bd ul li .thumb{ float:left;}
.aboutBody .advList .bd ul li .desc strong{ font-size:30px; font-weight:normal; display:block; color:#333; margin-bottom:10px;}
.aboutBody .advList .bd ul li .desc{ font-size:28px; line-height:180%; margin-left:130px; color:#666;}

.aboutBody .honList .hd{ float:none; margin:0; padding-top:20px;text-align:center;}
.aboutBody .honList .hd img{ width:auto; max-width:100%; margin:0 auto;}
.aboutBody .honList .bd{ padding:40px 40px 40px 40px; line-height:240%; font-size:28px;}
.designCon .tip{ font-size:30px; line-height:200%;}
.designCon .tip p{ margin-bottom:30px;}
.designCon .tip2 h3{ font-size:34px; color:#4496c4; margin-bottom:30px;}
.designCon .tip3 h3{ font-size:32px; color:#4496c4; margin-bottom:30px; padding-top:20px;}
.designCon .tip3 p strong{ font-size:30px;}
.designCon .txtCon table{ width:100%; line-height:200%; font-size:28px; color:#666;}
.designCon .txtCon table th{ width:28%; color:#f08200; font-weight:bold; text-align:right;padding:15px 0; padding-right:5px; vertical-align:top;}
.designCon .txtCon table td{ padding:15px 0;}
.designCon2 img{ width:auto; max-width:100%;}
.designCon .txtCon2 table{ width:100%; line-height:220%; font-size:12px; color:#666;}
.designCon .txtCon2 table th{ width:23%; color:#f08200; font-weight:normal;text-align:right;padding:15px 0; padding-right:5px; vertical-align:top; font-size:28px; line-height:160%;}
.designCon .txtCon2 table .f18{ font-size:28px;}
.designCon .txtCon2 table td{ padding:15px 0; font-size:24px; line-height:160%;}
.designCon .txtCon2 table ul { width:110%;}
.designCon .txtCon2 table ul li{ float:left; margin-right:20px; margin-bottom:20px; width:45%; height:220px; overflow:hidden; }
.designCon .txtCon2 table ul li img{ width:auto; max-width:100%;}


.designCon2 img{ width:auto; max-width:100%;}


.designCon2 .imgBox .lft{ float:none;}
.designCon2 .imgBox .rgt{ float:none;}

#dowebok .section2 .lft .img{ background:url(../phpimages/zc_bg.png) no-repeat; background-size:100% 100%; width:264px; height:364px; text-align:left; padding-top:10px; padding-left:10px; margin-left:45px; padding-right:12px; padding-bottom:12px;}
#dowebok .section2 .rgt{ padding-top:50px;}
#dowebok .section2 .rgt img{ padding-right:24px;}
.ftNav ul li{ float:left; width:25%; font-size:22px; line-height:139px; }

#dowebok .section6 { height:480px;}
#dowebok .section6 .lft{ padding-top:80px;}
#dowebok .section6 .rgt{ padding-top:30px;}
#dowebok .section7 { height:480px;}
#dowebok .section7 .wrapper{ padding-top:40px;}
#dowebok .section8 .wrapper{ padding-top:60px;}

.tab-box{ width:650px; margin:0 auto;}
.tab-box .tab-hd{ height:73px; text-align:center;}
.tab-box .tab-hd ul li{ text-align:center; display:inline-block; *display:inline; zoom:1; margin:0 5px;}
.tab-box .tab-bd .img{ padding:30px 0; text-align:center;}
.tab-box .tab-bd .form{ background:url(../phpimages/tm3.png) repeat; border-radius:6px; overflow:hidden; box-shadow:0 3px 3px #004D8A; overflow:hidden; width:100%;}
.tab-box .tab-bd .form ul{ padding:40px 60px; width:105%;}
.tab-box .tab-bd .form ul li{ float:left; width:80.2%; border-bottom:1px solid #8E9EA4; height:50px; line-height:50px; position:relative; font-size:28px; margin-bottom:2px; margin-right:30px; }
.tab-box .tab-bd .form ul li .text{ height:30px; padding:2px 5px; width:60%; outline:none; border:none; background:none; font-size:28px;}
.tab-box .tab-bd .form ul li.li01{ width:258px;}
.tab-box .tab-bd .form ul li.li02{ width:546px;}
.tab-box .tab-bd .form ul li.li04{ width:546px; border-bottom:none;}
.tab-box .tab-bd .form ul li.li05{ width:546px;}
.tab-box .tab-bd .form ul li select{ width:128px; border:1px solid #B0BDC4; border-radius:15px; background:#ECF2F6; height:40px; margin-left:15px; text-indent:6px;  -webkit-appearance       : none;
               -moz-appearance          : none;
               appearance               : none; background:url(../phpimages/arrow-down.png) no-repeat 105px center;font-size:28px;
}
.tab-box .tab-bd .form .submit{ height:62px; line-height:62px; text-align:center; font-size:38px; color:#FFF; cursor:pointer; border:none; width:100%; background:#038FC3;}

.teamList ul{ padding-top:20px; width:105%;}
.teamList ul li{ float:left; width:100%; margin-bottom:30px; padding-right:16px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
.teamList ul li .thumb{ float:left; margin-right:25px; background:url(../phpimages/team_bg.png) no-repeat; width:162px; height:162px;}
.teamList ul li .desc{ padding-right:30px; padding-top:5px; font-size:28px;}
.teamList ul li .desc h4{ font-size:32px; margin-bottom:12px;}
.teamList ul li .desc p a{ color:#999; display:block;}
.teamList ul li .desc p strong{ color:#000;}
.designCon .infoList h3{ font-size:34px; color:#4496c4; margin-bottom:24px;}
.designCon .infoList dl dt{ font-size:30px; line-height:160%; padding-bottom:10px;}
.designCon .infoList dl dt em{ display:inline-block;*display:inline; zoom:1; background:#F08200; width:39px; height:39px; text-align:center; line-height:39px; color:#fff; margin-right:15px; font-size:24px; border-radius:100%; float:left; margin-top:4px;}
.designCon .infoList dl dd{ padding-left:34px; line-height:200%; color:#666;}

.infoList2 dl{ width:105%;}
.infoList2 dl dt{ padding-bottom:40px;}
.infoList2 dl dd{ color:#666; width:42%; padding:20px 4%;  height:380px; margin-left:-1.5%; text-align:left; float:left;}
.infoList2 dl dd img{ margin-bottom:20px; line-height:200%;}
.infoList3 .brand1{ display:none;}
.infoList3 .brand2{ display:block;}


.footer{background:url(../phpimages/ft.jpg) repeat-x center center; background-size:100% 100%; height:auto; color:#fff; padding-top:30px; font-size:26px; text-align:center;text-align:center;}
.footer .lft{ float:none; width:auto;line-height:150%;}
.footer .lft p{}
.footer .lft .links a{ color:#fff; margin:0;}
.footer .rgt{ float:none; width:auto; padding-bottom:30px; padding-top:20px;}
.footer .rgt ul li{ float:none; display:inline;}
.footer .rgt ul li p{ display:inline;}
.com_page{height:50px; padding:50px 0; font-size:30px;}
.com_page ul{text-align:center;}
.com_page ul li{height:50px; line-height:50px; display:inline-block; zoom:1; *display:inline; margin-left:-6px; color:#373126;}
.com_page ul li a{display:inline-block; zoom:1; *display:inline; width:48px; height:48px; line-height:48px; text-align:center; font-size:30px; color:#8895a3; border:1px solid #EEEFEF; background:#E1E1E1;}
.com_page ul li.cur a,
.com_page ul li a:hover{background:#4496C4; border:1px solid #4496C4; color:#FFF; text-decoration:none;}
/************************************20150702 添加 start*******************************/
.showjWrap .showjHead .search .text{ font-size:14px; line-height:18px;}
.showtWrap .showtBody { width: 446px; overflow: hidden; margin-left: 30px;}
.showtWrap .showtBody .list li .desc h3 {font-weight: bold; font-size:14px; height:20px; line-height:20px;}
.showtWrap .showtBody .list li .desc p{ height:20px; line-height:20px;}
.showtWrap .showtBody .list li .desc p span{ font-size:12px; margin:0;}
.showtTTxt{width:426px; margin-right:0;}
.showtWrap .showtList .list li .desc h3{font-weight: bold; font-size:14px; height:20px; line-height:20px;}
.showtWrap .showtList .list li .desc p{ height:20px; line-height:20px;}
.showtWrap .showtList .list li .desc p span{ font-size:12px; margin:0;}
.showtWrap .showBot .list li .desc h3{font-weight: bold; font-size:14px; height:20px; line-height:20px;}
.showtWrap .showBot .list li .desc p{ height:20px; line-height:20px;}
.showtWrap .showBot .list li .desc p span{ font-size:12px; margin:0;}

/************************************20150702 添加 end*******************************/



}
